<!-- Wrapper -->
<div class="wrapper">
  <!-- Left column/section -->
  <section class="column width6 first">

    <div class="clear">
      &nbsp;
    </div>
    <h3>菜肴列表</h3>
    <table class="display stylized" id="example">
      <thead>
        <tr>
          <th>菜名</th>
          <th>材料</th>
          <th>当前价格</th>
          <th>菜系</th>
          <th>展示图片</th>
        </tr>
      </thead>
      <tbody>
        <% @dishes.each do |dish|%>
        <tr class="gradeX">
          <td><%= dish.name %></td>
          <td><%= dish.tag_list %></td>
          <td><%= dish.price %></td>
          <td><%= dish.dish_type.type_name %></td>
          <td class="center"><%= link_to dish do%>
          <%= image_tag dish.image.url(:thumb) %>
          <% end %>
          </td>
          <td>
          	<%= link_to 'Edit', edit_dish_path(dish) %>
       	   	<%= link_to 'Destroy', dish, :confirm => 'Are you sure?', :method => :delete %>
          </td>
        </tr>
        <% end %>
      </tbody>
      <!-- <tfoot>
      <tr>
      <th>Rendering engine</th>
      <th>Browser</th>
      <th>Platform(s)</th>
      <th>Engine version</th>
      <th>CSS grade</th>
      </tr>
      </tfoot> -->
    </table>
    <%= will_paginate @dishes %>
    <div class="clear">
      &nbsp;
    </div>
  </section>
  <!-- End of Left column/section -->

  <!-- Right column/section -->
  <aside class="column width2">
    <div id="rightmenu">
      <header>
        <h3>You might also want to check out...</h3>
      </header>
      <dl class="first">
        <dt>
          <img width="16" height="16" alt="Basic styles" SRC="img/style.png">
        </dt>
        <dd>
          <a HREF="styles.html">Basic styles</a>
        </dd>
        <dd class="last">
          Basic elements and styles
        </dd>
        <dt>
          <img width="16" height="16" alt="" SRC="img/book.png">
        </dt>
        <dd>
          <a HREF="../../www.datatables.net/usage/index.htm">Datatables</a>
        </dd>
        <dd class="last">
          Datatable documentation
        </dd>
      </dl>
    </div>
    <div class="content-box">
      <header>
        <h3>Tables</h3>
      </header>
      <section>
        Try other alternatives:
        <br/>
        <dl>
          <dt>
          </dt>
          <dd>
            <a HREF="../../www.noupe.com/javascript/jquery-html-table-toolbox.html">jQuery HTML Table Toolbox</a>
          </dd>
        </dl>
      </section>
    </div>
  </aside>
  <!-- End of Right column/section -->
</div>
<!-- End of Wrapper -->